<template>
    <div @click.capture="closeDrown">
		<headerSearch :title="headTitle" :share="true" @done="gotobtn"></headerSearch>
		<div class="dropDownpanel" v-if="drownshareShow">
            <span class="dropdown_triangle"></span>
            <div class="drown_share_icon_cound" @click="shareClick"><i class="iconfont icon-fenxiang1"></i>分享</div>
            <div class="drown_share_icon_cound" @click="addCollect"><i class="iconfont icon-shoucang" ></i>收藏</div>
            <!-- <a href="javascript:void(0)" @click="shareClick"><i class="iconfont icon-fenxiang1"></i>分享</a>
            <a href="javascript:void(0)" @click="addCollect"><i class="iconfont icon-shoucang" ></i>收藏</a> -->
        </div>
        <div class="content" style="background-color: #f5f5f5;">
            <!-- 头部名片浮层 -->
            <div class="main_card_index">
                <div class="main_card_index_info-top"></div>
                <div class="main_card_index_info">
                    <div class="main_card_index_info_top_left clear">
                        <img :src="companyinfo.userhead" alt="">
                        <div class="main_card_index_info_center_middle">

                            <h2 class="clear">
                                <small v-if="companyinfo.username" class="fl"> {{companyinfo.username}} </small>
                                <small v-else class="fl">暂无填写用户名称</small>

                                <span  v-if="companyinfo.position" class="fl">{{companyinfo.position}}</span>
                                <span  v-else class="fl">暂无填写职位</span>

                            </h2>
                            <p v-if="companyinfo.company_name">{{companyinfo.company_name}}</p>
                            <p v-else>暂无选择默认展示企业</p>
                        </div>
                        <div class="main_card_index_info_right">
                            <div class="btn_small_red">
                                <!-- <button v-if="companyinfo.friend_status == 0">编辑</button> -->
                                <button v-if="companyinfo.friend_status == 1">沟通</button>
                                <button v-else-if="companyinfo.friend_status == 2">加好友</button>
                            </div>
                            <!-- <div class="btn_small_red">
                                <button>添加</button>
                            </div> -->
                        </div>
                    </div>
                    <div class="main_card_index_info_bottom">
                        <!-- 手机号码展示 -->
                        <p v-if="companyinfo.showmobile">
                            <i class="iconfont icon-dianhua2"></i>
                            <a :href="'tel:' + companyinfo.showmobile">{{companyinfo.showmobile}}</a>
                            <a :href="'tel:' + companyinfo.showmobile" class="small_span_color">立即通话</a>
                        </p>
                        <p v-else>
                            <i class="iconfont icon-dianhua2"></i>
                            <a href="javascript:void(0)">暂无填写手机号码</a>
                        </p>
                        <!-- 手机号码展示 -->

                        <!-- 邮箱展示 -->
                        <p v-if="companyinfo.showusermail">
                            <i class="iconfont icon-youxiang"></i>
                            <span>{{companyinfo.showusermail}}</span>
                        </p>
                        <p v-else>
                            <i class="iconfont icon-youxiang"></i>
                            <span>暂无填写邮箱</span>
                        </p>
                        <!-- 邮箱展示 -->

                        <!-- 地址展示 -->
                        <p class="clear" v-if="companyinfo.showaddress">
                            <i class="iconfont icon-dizhi1"></i>
                            <a href="javascript:void(0)">{{companyinfo.showaddress}}</a>
                            <a href="javascript:void(0)" class="small_span_color"  @click="MapPosition">马上定位</a>
                        </p>
                        <p class="clear" v-else>
                            <i class="iconfont icon-dizhi1"></i>
                            <a href="javascript:void(0)">暂无填写地址</a>
                            <!-- 二维码 -->
                            <!-- <span class="scan_code fr" @click="erweimaClick(companyinfo.id)">
                                <i class="iconfont icon-erweima fr"></i>
                            </span> -->
                        </p>
                        <!-- 地址展示 -->

                        
                    </div>
                </div>
            </div>
            <!-- 内容访问量 -->
            <div class="main_Headline_data">
                <small>访问量<em>{{companyinfo.access}}</em></small>
                <small>人气值<em>{{companyinfo.popularity}}</em></small>
                <small>分享数<em>{{companyinfo.share}}</em></small>
                <!-- 勋章暂时先隐藏 -->
                <!-- <small class="data_jin">#IT互联网</small>
                <small class="data_jin">#诚信</small>
                <small class="data_jin">#大道至简</small> -->
            </div>
			<!--公司简介=-->
            <div class="company_description_info_desc">
                <div class="title_text_more" >
                    <h3>公司简介</h3>
                </div>  
                <div class="emptyProduct" v-if="companyinfo.name == ''">
                    <img src="../common/images/empty.png" alt="">
                    <p>小主人，您的企业还没创建呢~请赶紧创建吧!</p>
                </div>
                <div class="main-company-index-description" v-else>
                    <div class="option_description">
                        <!-- <img :src="options.log_img" alt="" v-if="options.log_img"> -->
                        <!-- <img :src=" companyinfo.log_img ? companyinfo.log_img : '../common/images/c_03.jpg'" alt=""> -->
                        <dir class="option_company_desc">
                            <img :src="companyinfo.log_img" v-if="companyinfo.log_img" alt="">
                            <img src="../common/images/youquan.png" alt="" v-else>
                        </dir>
                        <div style="text-align: left;">
                            <!-- <h3>{{options.name}}</h3> -->
                            <h3 v-if="companyinfo.name">{{companyinfo.name}}</h3>
                            <h3 v-else>暂无企业名称</h3>
                            <p v-if="companyinfo.website">{{companyinfo.website}}</p >
                            <p v-else>暂无官网</p >
                        </div>
                    </div>
                    <div class="option_tagNames">
                        <span v-for="(biao, b) in tags" :key="b">{{biao.label_name}}</span>
                    </div>
                    <p>{{ companyinfo.description ? companyinfo.description:'暂无简介' }}</p>
                </div>
                <a v-if="companyinfo.name != ''" href="javascript:;" class="btn_more" @click="btn_more(companyinfo.company_id)">查看企业&nbsp;<i class="iconfont icon-xiangyou"></i></a>
            </div>
			<!-- 企业商品 -->
			<div class="main-company-index_product">
                <div class="title_text_more">
                    <h3>企业商品</h3>
                   <router-link :to="{path:'/companyProductList',query:{cp_id:companyinfo.company_id}}">更多<i class="iconfont icon-xiangyou"></i></router-link>         
                </div>  
                <!-- 三栏商品 -->
                <div class="host_item" id="js_host_item">
                    <div class="emptyProduct" v-if="companyinfo.productlist == ''">
                        <img src="../common/images/empty.png" alt="">
                        <p>小主人，您的商品还没添加呢~请赶紧添加吧!</p>
                    </div>
                    <ul v-else>
                        <li v-for="(host, h) in companyinfo.productlist" :key="h" @click="jumpProduct(host.IDProduct)">
                            <a href="javascript:void(0)">
                                <strong class="hot_product_img">
                                    <img src="../common/images/cm_03.jpg" v-if="host.smallImg == null">
                                    <img :src="host.smallImg" alt="" v-else>  
                                </strong>                            
                                <!-- <span>{{host.chrName}}</span> -->
                                <span class="hui_title">{{host.chrName}}</span>
                                <!-- <span>已售<strong>{{host.NumS}}</strong>件</span> -->
                                <span>已售<strong>{{host.NumS}}</strong>件</span>
                            </a>
                        </li>
                    </ul>
                </div> 			
			</div>  
			<!-- 新闻动态 -->
			<div class="main-company-index_product">
				<div class="title_text_more">
					<h3>新闻动态</h3>
					<router-link to="/companyNewsList">更多<i class="iconfont icon-xiangyou"></i></router-link>
				</div>
				<div class="info_list_home_page">
                    <div class="emptyProduct" v-if="companyinfo.newlist == ''">
                        <img src="../common/images/empty.png" alt="">
                        <p>小主人，您的新闻还没添加呢~请赶紧添加吧!</p>
                    </div>
					<ul v-else v-for="(initem, t) in companyinfo.newlist" :key="t" >
						<li @click="newsdetailClick(initem.IDNews)" v-if="initem.img.length <= 1">
							<router-link to="" class="clear">
								<div class="info_list_item_left">
									<img :src="initem.img">
									<!-- <img :src="path + initem.img" alt="" v-else>  -->
								</div>
								<!-- <p>{{initem.Title}}</p> -->
								<p>{{initem.Title}}</p>
								<p><span>{{initem.summary}}</span><span>{{initem.dtShow}}</span></p>
								<!-- <p><span>{{initem.summary}}</span><span>{{initem.dtCreate}}</span></p> -->
							</router-link>
						</li>
						<li @click="newsdetailClick(initem.IDNews)" v-else-if="initem.img.length > 1">
							<div class="info_home_page">
								<!-- <p>{{initem.Title}}</p> -->
								<p>{{initem.Title}}</p>
								<ul>
									<!-- <li v-for="(info, fo) in initem.img" :key="fo"> -->
									<li v-for="(info, fo) in initem.img" :key="fo">
										<a href="javascript:void(0)">
											<img class="info_home_img" :src="info">
											<!-- <img :src="path + info" alt="" v-else> -->
										</a>
									</li>
								</ul>
								<!-- <p class="info_time"><span>{{initem.summary}}</span><span>{{initem.dtCreate}}</span></p> -->
								<p class="info_time"><span>{{initem.summary}}</span><span>{{initem.dtShow}}</span></p>
							</div> 
						</li>
					</ul>
				</div>
			</div>
            <!-- 分享引导 -->
            <!-- <div class="Share_guidance" @click="shareClick" v-if="shareShow"></div> -->
            <!-- <div class="intop" v-show="isShow" @click="intopClick">
                <img class="intop_img" :src="this.QRcode" alt="">
            </div> -->
        </div>
        <!-- h5才会出现 -->
        <div class="Share_guidance" @click="closeShare"  v-if="shareshow"></div>
        <shareTopage v-if="shareToShow" @wxdone="closeShare" @wxmessage="MessageShareData" @wxline="TimelineShareData"></shareTopage>
        <share v-if="isShow" @closeShare="closeShare" @success="shareSuccess" :title="companyinfo.username + headTitle" :desc="'暂无简介'" :link="shareLink" :Sharing="Sharing" :imgUrl="companyinfo.userhead"></share>
        <so-footer></so-footer>
    </div>
</template>

<script>
import headerSearch from '../public/header-search.vue';
import soFooter from '../components/footer-bar';
import share from '../components/WebShare.vue';
import shareTopage from '../components/shareTopage';
import wx from 'weixin-js-sdk';
    export default {
        data() {
            return {
                // homePageimgUrl: require('../common/images/UI-11.png'),
                headTitle: '个人首页',
                shareshow: false,
                companyinfo:'',
                options: '',   //企业名称
                // shar_show: false,  //分享收藏
                drownshareShow: false, //遮罩层
                tags: [],        //标签
                // QRcode:'', // 二维码链接
                Collect: { // 请求数据
                    access_token: '',
                    user_id: 0
                },
                // shareLink: 'http://fc.x.e000.com/userHomePage?uid=283&from=singlemessage',
                shareLink: '',
                uid:'',
                // 企业商品
                hostlist: [],
                // 新闻动态
                infolist: [],
                access_token:'',
                isShow:false,
                Sharing: '',  //分享参数
                shareToShow: false,
            }
        },
        created() {
            let that = this;
            that.userInfo = JSON.parse(window.localStorage.getItem('userInfo'));
            that.access_token = window.localStorage.getItem('access_token');
            that.Collect.access_token = window.localStorage.getItem('access_token')? window.localStorage.getItem('access_token') : '';
            that.Collect.user_id = window.localStorage.getItem('userInfo')? JSON.parse(window.localStorage.getItem('userInfo')).uid : 0;
            var uid = this.$route.query.uid;
            that.uid = uid;
            that.shareLink = this.$path + '/userCenter/userHomePage?uid=' + uid;
            // that.shareLink = location.href.split('#')[0].replace('&shareShow=true', '');
            // that.shareLink = 'http://fc.x.e000.com';
            that.shareshow = that.$route.query.shareshow == true? that.$route.query.shareshow : false;
           
            
            that.getcompanyinfo(uid);
            // that.userInfo = JSON.parse(that.userInfo);
            //获取当前企业的详细内容
            // that.getCompanyInfo(); 

            if (!window.BMap) {
                var script = $('<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=' + this.$baidu_map_ak + '"></sc' + 'ript>');
                var script2 = $('<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&amp;ak=' + this.$baidu_map_ak + '&amp;services=&amp;t=20190123111209"></s' + 'cript>');
                $('body').append(script);
                $('body').append(script2);
                console.log('百度地图加载');
            }
        },
        methods: {
            // 点击三个点提示分享引导
            shareClick() {
                if(typeof Wechat !='undefined'){   //安卓
                    console.log('进来安卓了');
                    this.shareToShow = true;
                }else{
                    console.log('进来浏览器')
                    //浏览器
                    var ua = navigator.userAgent.toLowerCase();
                    //微信浏览器
                    var isWeixin = ua.indexOf('micromessenger') != -1;
                    // this.shareshow = true;
                    //微信浏览器
                    this.isShow = true;
                    this.shareshow = true;
                }
                this.drownshareShow = false;
            },
            // 点击分享遮罩层关闭
            closeShare() {
                this.isShow = false;
                this.shareToShow = false;
                this.shareshow = false;
            },
            //微信群 / 好友
            MessageShareData() {
                this.shareToShow = false;
                this.Sharing = 1;
                this.isShow = true;
                console.log('分享到好友');
            },
            //微信朋友圈
            TimelineShareData() {
                this.shareToShow = false;
                this.Sharing = 0;
                this.isShow = true;
                console.log('分享到微信朋友圈');
            },
            //下拉分享、收藏
            gotobtn() {
                this.drownshareShow = !this.drownshareShow;  //打开下拉分享、收藏
            },
            // 点击空白，下拉框收起
            closeDrown() {
                this.drownshareShow = false;
            },
            /**
             * 分享数+1
             */
            shareSuccess: function(){
                console.log('分享成功回调');
                var data  = this.Collect;
                data.module = 1;
                data.module_id = this.uid;
                this.isShow = false;
                // this.shareshow = false;
                this.$post(this.$path + '/index.php/api/count/share', data).then((response) => {
                    
                })
            },
            // 添加收藏
            addCollect: function(){
                var that = this;
                if(this.Collect.user_id == 0 || this.Collect.access_token == ''){
                    this.$openTips({
                        text: '请先登陆',
                        time: 2000
                    }) 
                    this.$router.push({
                        path: '/login',
                    })
                }else{
                    var data = this.Collect;
                    data.module = 1;
                    data.module_id = that.uid;
                    this.$post(this.$path + '/index.php/api/collection/addCollection', data).then((response) => {
                        if(response.code == 200){
                            that.$openTips({
                                text: response.msg,
                                time: 2000
                            })
                            that.isCollect = true;
                        }else {
                            that.$openTips({
                                text: response.msg,
                                time: 2000
                            })
                            that.drownshareShow = false;
                        }
                    })
                }
            },
            // gotoshare() {
            //     this.IshareShow = !this.IshareShow;
            // },
            //获取标签列表
            getLabellist(c_id){
                let that = this;
                that.$fetch(that.$path + '/index.php/api/c/label/'+c_id).then((response) => {
                    that.tags = response.data;
                    console.log('获取标签列表',response);
                })
            },
			//获取当前企业的详细内容
            getcompanyinfo(uid){   
                let that = this;
                that.$post(that.$path+'/api.php/api/users/UserCompnay/'+uid,{access_token:this.access_token}).then((response) => {
                       if(response){ 
                          // Indicator.close();
                          console.log(response);
                          if(response.code == 200){
                            that.companyinfo = response.data;
                            that.tags = that.getLabellist(response.data.company_id);
                          }
                       }
                     
                })
            },

            // 去查看企业
            btn_more(company_id) {
                if(this.$system != 'ios'){
                    this.$router.push({
                        path: '/userCenter/companyIndex',
                        query: {cp_id: company_id}
                    })
                }else{
                    window.location.href = '/userCenter/companyIndex?cp_id=' + company_id;
                }       
            },
			//点击商品查看详情
			jumpProduct(val){
				console.log(val);
				this.$router.push({
						path: '/productDetail',
						query: {id: val}
				})
            },
            //点击新闻详情
            newsdetailClick(val) {
                this.$router.push({ path: '/newsDetail',query: {id: val}});
            },

            //二维码显示隐藏
            // erweimaClick(uid) { 
            //     this.path = this.$path + '/userCenter/userHomePage?uid='+ uid;
            //     this.QRcode = 'https://api.qrserver.com/v1/create-qr-code/?size=150x150&data='+this.path;
            //     this.isShow = !this.isShow;
            // },
            //点击隐藏遮罩层
            // intopClick() {
            //     this.isShow = false;
            // },
             //定位浏览器判断
            MapPosition:function(){
                var ua = navigator.userAgent.toLowerCase();
            　　  var isWeixin = ua.indexOf('micromessenger') != -1;
            　　  if (isWeixin) {  //微信
                    console.log('微信浏览器的');
                    this.location();
            　　  }else{          //普通浏览器
                    console.log('普通浏览器的');
                    this.BaiDumap();
            　　  }
            },
            /**
             * 定位功能，根据地址信息匹配经纬度，进行微信地图定位
             */
            location: function(){
                var that = this;
                // console.log('CardDetails',this.CardDetails.CardCompanyAddress);
                // var url = location.href.split('#')[0];
                var u = navigator.userAgent;
                var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
                var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
                let url='';
                if (isAndroid) {
                    url=location.href;
                }
                if (isIOS) {
                    url=location.href.split('#')[0];  //hash后面的部分如果带上ios中config会不对
                }
                console.log('url:',url);
                var myGeo = new BMap.Geocoder();
                myGeo.getPoint(this.companyinfo.showaddress, function(point){
                    console.log(point)
                    if (point && point != null) {
                        that.$post(that.$path + '/index.php/api/v2/getJsapiTicket', {url: url}).then((res) => {
                            if(res.code == 200){
                                wx.config({
                                    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                                    appId: res.data.appid, // 必填，公众号的唯一标识
                                    timestamp: res.data.timestamp, // 必填，生成签名的时间戳
                                    nonceStr: res.data.noncestr, // 必填，生成签名的随机串
                                    signature: res.data.signature,// 必填，签名
                                    jsApiList: ['checkJsApi', 'openLocation'] // 必填，需要使用的JS接口列表
                                });
                                wx.ready(function(){
                                    console.log('ready','进来了');
                                    wx.checkJsApi({
                                        jsApiList: ['openLocation'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
                                        success: function(res) {
                                            console.log('检测',res)
                                            // 以键值对的形式返回，可用的api值true，不可用为false
                                            // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
                                        }
                                    });
                                    wx.openLocation({
                                        latitude: point.lat, // 纬度，浮点数，范围为90 ~ -90
                                        longitude: point.lng, // 经度，浮点数，范围为180 ~ -180。
                                        name: '这是' + that.companyinfo.showaddress + '的定位，你还想我写点什么？', // 位置名
                                        address: that.companyinfo.showaddress, // 地址详情说明
                                        scale: 5, // 地图缩放级别,整形值,范围从1~28。默认为最大
                                        infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
                                    });
                                });

                            }
                        })
                    }else{
                        that.$openTips({
                            text: '对方地址不详',
                            time: 1000
                        })
                    }
                }, "");

            },
            BaiDumap:function()
            {   
                console.log('进来了百度地图');
                this.$router.push({path:'/Map',query:{address:this.companyinfo.showaddress}});
            },
        },
        components: {
            headerSearch,
            soFooter,
            share,
            shareTopage
        },
    }
</script>

<style>
.main_card_index {
    height: 4.4rem;
}
/* 头部浮层底部的红色部分 */
.main_card_index .main_card_index_info-top {
    height: 2.16rem;
    width: 100%;
    background-color: #e50838;
    position: absolute;
    top: 0;
    left: 0;
}
/* 头部浮层信息 */
.main_card_index .main_card_index_info {
    width: 7rem;
    height: 4.2rem;
    background-color: #fff;
    border-top-left-radius: 20px;
    position: absolute;
    left: 50%;
    margin-left: -3.5rem;
}
.main_card_index_info .main_card_index_info_top_left img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    float: left;
    margin: 0.3rem;
    box-sizing: border-box;
}
.main_card_index_info_top_left .main_card_index_info_center_middle {
    float: left;
    text-align: left;
    width: 55%;
    margin-top: 0.46rem;
    box-sizing: border-box;
}
.main_card_index_info_center_middle h2{
    font-size: 0.34rem;
    color: #000;
    height: 0.48rem;
    line-height: 0.48rem;
}
.main_card_index_info_center_middle h2 small {
    max-width: 2rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    font-size: 0.34rem;
}
.main_card_index_info_center_middle h2 span {
    font-size: 0.28rem;
    color: #333;
    display: inline-block;
    max-width: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}
.main_card_index_info_center_middle p {
    font-size: 0.28rem;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    width: 4.9rem;
    height: 0.48rem;
    line-height: 0.48rem;
}
.main_card_index_info_top_left .main_card_index_info_right {
    float: right;
    margin-top: 0.46rem;
    margin-right: 0.2rem;
    box-sizing: border-box;
    line-height: 0.26rem;
    font-size: 0.28rem;
}
/* 头部浮层底部 */
.main_card_index_info_bottom {
    border-top: 1px solid #d8d8d8;
    padding: 0.3rem;
    box-sizing: border-box;
}
.main_card_index_info_bottom p {
    font-size: 0.28rem;
    color: #e50838;
    text-align: left;
    line-height: 0.56rem;
    height: 0.56rem;
}
.main_card_index_info_bottom p a {
    font-size: 0.28rem;
    color: #e50838;
}
.main_card_index_info_bottom p .icon-dianhua2,
.main_card_index_info_bottom p .icon-youxiang,
.main_card_index_info_bottom p .icon-dizhi1 {
    width: 0.36rem;
    height: 0.36rem;
    background-color: #e50838;
    font-size: 0.22rem;
    color: #fff;
    border-radius: 50%;
    padding: 0.1rem;
    line-height: 0.36rem;
    box-sizing: border-box;
    text-align: center;
}
.main_card_index_info_bottom p .small_span_color {
    background-color: #e50838;
    padding: 0.08rem;
    border-radius: 2px;
    color: #fff;
    font-size: 0.22rem;
    margin-left: 0.2rem;
    display: inline-block;
    box-sizing: border-box;
    line-height: 0.24rem;
}
.main_card_index_info_bottom p .icon-erweima {
    font-size: 0.4rem;
    color: #999;
}

/* 访问头条 */
.main_Headline_data {
    width: 7rem;
    background-color: #fff;
    margin: 0 auto;
    padding: 0.1rem 0;
    height: 0.6rem;
    line-height: 0.6rem;
    margin-bottom: 0.2rem;
}
.main_Headline_data small{
    color: #999;
    font-size: .36rem;
    transform: scale(.56);
    display: block;
    line-height: .44rem;
    float: left;
    margin: 0 -.315rem;
    width: 1.79rem;
}
.main_Headline_data small em {
    color: #e50838;
}
.main_Headline_data .data_jin {
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    padding: 0 .05rem;
    margin-top: -.1rem;
    height: .6rem;
    line-height: .6rem;
    box-sizing: border-box;
    text-align: center;
    width: 1.79rem;
}

/* 公司简介 */

.main-company-index-description {
	padding-bottom: 0.2rem;
    background-color: #fff;
}
.main-company-index-description .option_description {
	display: flex;
	justify-content: flex-start;
	padding: 0 0.2rem;
}
.main-company-index-description .option_description .option_company_desc {
    width: 0.7rem;
    height: 0.7rem;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-right: 0.4rem;
}
.main-company-index-description .option_description img{
	width: 0.7rem;
    height: 0.7rem;
    max-width: 100%;
    max-height: 100%;
    vertical-align: super;
}
.main-company-index-description .option_description h3 {
	font-size: 0.34rem;
	color: #333;
	line-height: 0.36rem;
}
.main-company-index-description .option_description p {
	font-size: 0.18rem;
	color: #999;
	padding: 0;
	line-height: 0.46rem;
}
.main-company-index-description .company_description {
    border: 1px dashed #d8d8d8;
    height: auto;
    line-height: 0.42rem;
    margin: 0 .2rem;
    padding: 0.1rem;
		
}
.main-company-index-description p {
    font-size: 0.26rem;
    color: #333;
    text-align: left;
    padding: 0.2rem;
}
.option_tagNames {
    margin: 0;
    padding: 0 .2rem;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 0.1rem;
}
.option_tagNames span {
    font-size: .22rem;
    background-color: #999;
    color: #fff;
    float: left;
    margin-right: .1rem;
    box-sizing: border-box;
    margin-bottom: 0.1rem;
    display: inline-block;
    text-align: center;
    min-width: 1.4rem;
    line-height: 0.46rem;
}
/* 查看更多企业信息 */ 
.btn_more {
    font-size: 0.26rem;
    color: #e50838 !important;
    display: block;
    padding-bottom: 0.2rem;
    background-color: #fff;
    margin-top: -0.2rem;
    padding-top: 0.2rem;
}
/* 企业商品 */
.main-company-index_product {
	background-color: #fff;
	margin-top: 0.2rem;
}
.main-company-index_product .hui_title {
    width: 2.2rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

/* 企业为空 */
.company_description_info_desc {
    background-color: #fff;
}
.company_description_info_desc .emptyProduct {
  padding: 0 0 0.2rem;
  box-sizing: border-box;
}
.company_description_info_desc .emptyProduct img {
  width: 1.56rem;
  height: 1.22rem;
  margin: 0 auto;
}
.company_description_info_desc .emptyProduct p {
  font-size: 0.26rem;
  color: #999;
  text-align: center;
}


/* 产品为空 */
#js_host_item .emptyProduct {
  padding: 0 0 0.2rem;
  box-sizing: border-box;
}
#js_host_item .emptyProduct img {
  width: 1.56rem;
  height: 1.22rem;
  margin: 0 auto;
}
#js_host_item .emptyProduct p {
  font-size: 0.26rem;
  color: #999;
  text-align: center;
}


/* 新闻动态 */
.info_list_home_page ul>li {
    position: relative;
    border-bottom: 1px solid #d8d8d8;
    padding: 0.2rem;
    box-sizing: border-box;
}
.info_list_home_page ul>li .info_list_item_left {
    width: 1.2rem;
    height: 1.2rem;
    text-align: center;
    vertical-align: middle;
    display: block;
    float: left;
    margin-right: 0.2rem;
}
.info_list_home_page ul>li img {
    width: 1.2rem;
    height: 1.2rem;
    max-width: 100%;
    max-height: 100%;
}
.info_list_home_page ul>li p {
    font-size: .28rem;
    color: #333;
    text-align: left;
}
.info_list_home_page ul>li p:last-child {
    font-size: .22rem;
    color: #999;
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 76%;
    bottom: 0.2rem;
    right: 0.2rem;
}

/* 新闻为空 */
.info_list_home_page .emptyProduct {
  padding: 0 0 0.2rem;
  box-sizing: border-box;
}
.info_list_home_page .emptyProduct img {
  width: 1.56rem;
  height: 1.22rem;
  margin: 0 auto;
}
.info_list_home_page .emptyProduct p {
  font-size: 0.26rem;
  color: #999;
  text-align: center;
}


/* 多图新闻 */
.info_home_page p {
    font-size: .28rem;
    color: #333;
    text-align: left;
    margin-bottom: 0.2rem;
}
.info_home_page ul {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0.3rem;
}
.info_home_page ul>li {
    margin-right: 0.16rem;
    padding: 0 !important;
}
.info_home_page ul>li .info_home_img {
    width: 2.26rem;
    height: 1.46rem;
    float: left;
    display: inline-block;
}

/* 多图新闻 */
.info_home_page .info_time {
    width: 100% !important;
    position: absolute !important;
    right: 0 !important;
    left: 0;
    margin-bottom: -0.2rem;
    line-height: 0.4rem;
    padding: 0 0.2rem;
} 
/* 二维码遮罩层 */
.intop {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 31;
}
.intop img {
    width: 30%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15%;
    margin-top: -15%;
    z-index: 32;
}
/* 下拉框 */
.drop_intop_panel {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 16;
}
.dropDownpanel {
    width: auto;
    height: auto;
    background-color: #fff;
    position: absolute;
    top: 0.88rem;
    right: 0.1rem;
    z-index: 15;
    border-radius: 4px;
    box-shadow: 2px 2px 30px rgba(211, 125, 125, 0.34);
}
.dropDownpanel .dropdown_triangle {
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    right: 0.13rem;
    top: -0.14rem;
    z-index: 15;
}
.dropDownpanel .drown_share_icon_cound {
    font-size: 0.3rem;
    color: #333;
    display: block;
    line-height: 0.92rem;
    height: 0.92rem;
    text-align: left;
    padding: 0 0.2rem;
}
.dropDownpanel .drown_share_icon_cound .icon-icon,
.dropDownpanel .drown_share_icon_cound .icon-fenxiang1,
.dropDownpanel .drown_share_icon_cound .icon-shoucang {
    font-size: 0.36rem;
	margin-right: 0.2rem;
	color: #333;
}

/* 分享引导 */
/* .Share_guidance {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('../common/images/share.png') no-repeat;
    background-size: cover;
    z-index: 100;
    opacity: 0.8;
} */


</style>